<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="commons/taglibs.jsp" %>
<!DOCTYPE html>
<!-- saved from url=(0026)http://sell.fqapps.com/reg -->
<html class="js cssanimations"><head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <title>发布商品-一折微信淘客系统</title>

    <link rel="stylesheet" type="text/css" href="${ctx}/assets/css/amazeui.css">
    <link rel="stylesheet" type="text/css" href="${ctx}/assets/css/admin.css">
    <link rel="stylesheet" type="text/css" href="${ctx}/assets/css/style.css">

    <!--[if (gte IE 9)|!(IE)]><!-->
    <script type="text/javascript" src="${ctx}/assets/js/jquery.min.js"></script>
    <script type="text/javascript" src="${ctx}/assets/js/fastclick.min.js"></script>
    <script>$(function() {FastClick.attach(document.body);});</script>
    <!--<![endif]-->

    <script type="text/javascript" src="${ctx}/assets/js/amazeui.min.js"></script>
    <script type="text/javascript" src="${ctx}/assets/js/jquery.form.js"></script>
</head>


<body>
<%@ include file="commons/dialog.jsp" %>
<jsp:include page="commons/head.jsp" flush="true" />
<script>

$(function(){
	
	//解析推广链接
	//-------------------------------------------------------------------
	$('#clickurl').on('input',function(){
		
		if(checkURL($(this).val())){
			
			$.ajax({
				type:'post',
				url:"/api/get_itemid_from_alimama.html",
				data:{'url':$(this).val()},
				success:function(data){
					if(data.status == 1){
					
						var itemid = data.itemid;
						
						//查询是否发布过
						$.ajax({
							type:'post',
							url:"/item/api_test_repeat.html",
							data:{'tb_itemid':itemid},
							success:function(data){
								if(data.status == 1){
								
									$("#fq_true_confirm_info").text(data.info);
									$('#fq_true_confirm').modal({
										relatedTarget: this,
										onConfirm: function(options) {
											window.location.href="/item/edit/id/"+data.id;
										},
										onCancel: function() {}
									});
					
								}else{
									//抓取数据
									getiteminfo(itemid);
									$('#tb_itemid').val(itemid);
								}
							}
						});
						
						

					}else if(data.status == -1){
						$("#fq_alert_info").text("获取宝贝ID失败！请使用您在阿里妈妈转换的推广链接！");
						$('#fq_alert').modal();	
						return
					}
				}
			});
		
		}

	});
	
	//解析优惠券链接
	//-------------------------------------------------------------------
	$('#couponslink').on('input',function(){
		
		if(!checkURL($(this).val())){
			return
		}
		
		var result = checkeCouponURL($(this).val());

		if(result[0]){
			
			//console.log(result[1]);
			//console.log(result[2]);
			
			$.ajax({
				type:'post',
				url:"/api/get_coupon_money.html",
				data:{'sellerId':result[1],'activityId':result[2]},
				success:function(data){
					if(data.status == 1){
						
						//alert(data.money);
						$('#coupons').val(data.money);
						
						var now = Date.parse(new Date())/1000;
						$('#my-startDate').text(new Date((now+8*3600) * 1000).toISOString().substr(0,10));
						$('#start_time').val(now);
						
						if((data.end_timestamp - now)>1296000){
							var end_time = data.start_timestamp + 1296000;
							$('#my-endDate').text(new Date((end_time+8*3600) * 1000).toISOString().substr(0,10));
							$('#end_time').val(end_time);	
						}else{
							$('#my-endDate').text(data.end_time);
							$('#end_time').val(data.end_timestamp);
						}
							
						$('#couponslink').val('http://shop.m.taobao.com/shop/coupon.htm?sellerId='+result[1]+'&activityId='+result[2]);
						$('#coupons_seller_id').val(result[1]);
						$('#coupons_activity_id').val(result[2]);
						
						//$('#couponslink').val('https://h5.m.taobao.com/mcm/coupon.html?sourceType=other&sellerId='+result[1]+'&activityId='+result[2]);
						
						var price = $("#price").val();
						if(price>0){
							$("#end_price").val(accSubtr(price,data.money));
						}
					
					}else if(data.status == -1){
						$("#fq_alert_info").text("获取优惠券金额失败！");
						$('#fq_alert').modal();	
						return
					}
				}
			});

		
		}else{
			
			$("#fq_alert_info").text("无法解析该优惠券链接！");
			$('#fq_alert').modal();	
			return
			
		}

	});
	
	
	//淘口令生产类型选择
	//-------------------------------------------------------------------
	$('input:radio[name="taowords_type"]').change(function() { 
	
		var taowords_type = $('input:radio[name="taowords_type"]:checked').val(); 
		
		$clickurl = $('#clickurl');
		$taowords = $('#taowords');
		$clickurl.val('');
		$taowords.val('');
		

		
		if(taowords_type == 0){	
			
			$('#clickurl_box').show();
			$('#taowords_box').hide();
			$clickurl.attr("disabled",false); 
			$taowords.attr("disabled",true);  							
		}
		
		if(taowords_type == 1){
		
			$('#clickurl_box').hide();
			$('#taowords_box').show();
			$clickurl.attr("disabled",true); 
			$taowords.attr("disabled",false);		
		} 
	
	}); 

	
	//时间选择
	//-------------------------------------------------------------------
	var nowTemp = new Date();
    var nowDay = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0).valueOf();
    var nowMoth = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), 1, 0, 0, 0, 0).valueOf();
    var nowYear = new Date(nowTemp.getFullYear(), 0, 1, 0, 0, 0, 0).valueOf();
	
	var startDate = nowTemp;
    var endDate = new Date(2099,1,1);
	
    $('#my-start').datepicker({
      onRender: function(date, viewMode) {
        var viewDate = nowDay;
        switch (viewMode) {
          case 1:
            viewDate = nowMoth;
            break;
          case 2:
            viewDate = nowYear;
            break;
        }
        return date.valueOf() < viewDate ? 'am-disabled' : '';
      }
    }).on('changeDate.datepicker.amui', function(event) {
        if (event.date.valueOf() > endDate.valueOf()) {
			$("#fq_alert_info").text("开始日期应小于结束日期！");
			$('#fq_alert').modal();	
        } else {
			startDate = new Date(event.date);
			$('#my-startDate').text($('#my-start').data('date'));
			$('#start_time').val(startDate.getTime()/1000);
        }
        $(this).datepicker('close');
      });

    $('#my-end').datepicker({
      onRender: function(date, viewMode) {
        var viewDate = nowDay;
        switch (viewMode) {
          case 1:
            viewDate = nowMoth;
            break;
          case 2:
            viewDate = nowYear;
            break;
        }
        return date.valueOf() < viewDate ? 'am-disabled' : '';
      }
    }).on('changeDate.datepicker.amui', function(event) {
        if (event.date.valueOf() < startDate.valueOf()) {
			$("#fq_alert_info").text("结束日期应大于开始日期！");
			$('#fq_alert').modal();	
        } else {
			endDate = new Date(event.date);
			$('#my-endDate').text($('#my-end').data('date'));
			$('#end_time').val((endDate.getTime()/1000)+86399);
        }
        $(this).datepicker('close');
      });
	
 
	//表单提交AJAX化
	//-------------------------------------------------------------------
	$('#form').ajaxForm({
            beforeSubmit:  checkForm,  // pre-submit callback
            success:       complete,  // post-submit callback
            dataType: 'json'
    });
    function checkForm(){
        if( '' == $.trim($('#title').val())){
			$("#fq_alert_info").html('标题不能为空');
			$('#fq_alert').modal({});
            return false;
        }
            //可以在此添加其它判断
    }
    function complete(data){
		
        if (data.status==1){
			
			$("#fq_confirm_info").html(data.info);
			$('#fq_confirm').modal({
				closeViaDimmer:false,
				onConfirm: function(options) {
					window.location.href="/item/manage/status/1.html";
				},
			});

        }else{	
			$("#fq_alert_info").html(data.info);
			$('#fq_alert').modal({closeViaDimmer:false});
        }
		
		
    }
		
	//图片上传
	//-------------------------------------------------------------------
	var token = 'TALGCXKIF_psFdV2hV_wiuaDow8cJpuZr4APGvWx:gDFsuq2HIFnzHQjmBlyrxXs86PU=:eyJzY29wZSI6ImZxYXBwcyIsImRlYWRsaW5lIjoxNDc3MDYyNDMzfQ=='; //模板页面已经处理
	
	$('#addimage').change(function(){
	
		var file = $(this)[0].files[0];
		if (file.type.indexOf("image") == 0) {
			if (file.size >= 5120000) {
				$("#zds_alert_info").text("图片大小过大，应小于5M！");
				$('#zds_alert').modal();	
				return
			} 		
		} else {
			$("#zds_alert_info").text("您选择的不是图片哦！");
			$('#zds_alert').modal();
			return
		}
		
		var reader = new FileReader(); 
		reader.readAsDataURL(file); 
		reader.onload = function(e){ 
			
			$("#imagegroup").show();
			$("#allimagebox").html('<div class="am-margin-right-xs am-align-left" id="imagebox" style="position: relative;margin-right: 0.75rem;"><img class="imagearry" id="image_pre" src="'+this.result+'"  style="width: 50px;height:50px"><div class="uploading" id="uploading"><span id="progressbar" class="progressbar"></span></div></div>');
					
			if (file.size > 0 && token != "") {
				Qiniu_upload(file,token);
			} else {
				console && console.log("form input error");
			}

		}
		
		
	});
	
	var Qiniu_UploadUrl = "http://up.qiniu.com";
    var Qiniu_upload = function(f, token) {
		var xhr = new XMLHttpRequest();
		xhr.open('POST', Qiniu_UploadUrl, true);
		var formData, startDate;
		formData = new FormData();
		formData.append('token', token);
		formData.append('file', f);
		var taking;
		xhr.upload.addEventListener("progress", function(evt) {
			$("#publish").attr("disabled","disabled");
			if (evt.lengthComputable) {
				var nowDate = new Date().getTime();
				taking = nowDate - startDate;
				var x = (evt.loaded) / 1024;
				var y = taking / 1000;
				var uploadSpeed = (x / y);
				var formatSpeed;
				if (uploadSpeed > 1024) {
					formatSpeed = (uploadSpeed / 1024).toFixed(2) + "Mb\/s";
				} else {
					formatSpeed = uploadSpeed.toFixed(2) + "Kb\/s";
				}
				var percentComplete = Math.round(evt.loaded * 100 / evt.total);
				$("#progressbar").text(percentComplete+"%");
			}
		}, false);

		xhr.onreadystatechange = function(response) {
			if (xhr.readyState == 4 && xhr.status == 200 && xhr.responseText != "") {
				var obj = JSON.parse(xhr.responseText); 
				if(obj.hash){
					$("#uploading").addClass("am-hide");
					$("#image_pre").attr("src",""+obj.hash+"-50x50");
					$("#uploading").after('<span class="am-icon-close close_box" onclick="removeimg()"></span>');
					$("#image_pre").attr("hash",obj.hash);
					$("#image").val(""+obj.hash+"-310x310");
					$('.fileInputContainer').hide();
				}
				
			} else if (xhr.status != 200 && xhr.responseText) {}
		};
		startDate = new Date().getTime();
        xhr.send(formData);
    };
	

	//实例化编辑器
	//-------------------------------------------------------------------
    //var um = UM.getEditor('editor');

});



//各种方法
//-------------------------------------------------------------------

function checkURL(str){ 
	//在JavaScript中，正则表达式只能使用"/"开头和结束，不能使用双引号 
	var Expression=/http(s)?:////([\w-]+\.)+[\w-]+(\/[\w- .\/?%&=]*)?/; 
	var objExp=new RegExp(Expression); 
	if(objExp.test(str)==true){ 
		return true; 
	}else{ 
		return false; 
	} 
 }
 

function checkeCouponURL(str){
	
	var sellerId ='';
	var activityId = '';
	try{
		sellerId = str.match("[?&](sellerId|seller_id)=(\\d+)")[2];
		activityId = str.match("[?&](activityId|activity_id)=(\\w+)")[2];
	}catch(e){}
	
	if(sellerId != '' && activityId != ''){
		return new Array(true,sellerId,activityId);
	}else{
		return new Array(false);
	}
	
}
 
function removeimg(){
	$("#imagegroup").hide();
	$('.fileInputContainer').show();
	$("#addimage").replaceWith($("#addimage").clone(true));
}


function getiteminfo(itemid){
	
	$.ajax({url:"https://api.m.taobao.com/h5/mtop.taobao.detail.getdetail/6.0/?&api=mtop.taobao.detail.getdetail&v=6.0&ttid=2013%40taobao_h5_1.0.0&type=jsonp&dataType=jsonp&data=%7B%22itemNumId%22%3A%22"+itemid+"%22%7D",  
		dataType:'jsonp',  
		jsonp:'callback',
		success:function(result) {
		
			//console.log(JSON.parse(result.data.apiStack[0].value).price.price.priceText);
			
			if(result.ret[0] == "SUCCESS::调用成功"){
				var price = JSON.parse(result.data.apiStack[0].value).price.price.priceText;
				if(price.indexOf("-") == -1){
					$("#price").val(price);
				}
				$("#title").val(result.data.item.title);
				$("#recommended").val(result.data.item.subtitle);
				$("#sales").val(JSON.parse(result.data.apiStack[0].value).item.sellCount);
				$("#image").val("http:"+result.data.item.images[0]);	
				$("#image_pre").attr("src","http:"+result.data.item.images[0]+"_310x310.jpg");
				$("#bc_type").val(result.data.params.trackParams.BC_type);
				$("#imagegroup").show();
				//设置类目
				getfqcat(result.data.item.categoryId);
			
			}else{
				$("#qf_alert_info").html("宝贝数据调用失败，原因："+result.ret[0]);
				$('#qf_alert').modal();
			}
			
		}
	});

}

function getfqcat(categoryId){
	$.ajax({
		type:'post',
		url:"/api/tbcat_to_fqcat.html",
		data:{'categoryId':categoryId},
		success:function(data){
			if(data.status == 1){		
				$("#category").val(data.category);						
			}else{				
				$("#category").val(14);	
			}
		}
	});
}

//减法函数，用来得到精确的减法结果 
//说明：javascript的减法结果会有误差，在两个浮点数相加的时候会比较明显。这个函数返回较为精确的减法结果。 
//调用：accSubtr(arg1,arg2) 
//返回值：arg1减去arg2的精确结果 
function accSubtr(arg1,arg2){
	var r1,r2,m,n;
	try{r1=arg1.toString().split(".")[1].length}catch(e){r1=0}
	try{r2=arg2.toString().split(".")[1].length}catch(e){r2=0}
	m=Math.pow(10,Math.max(r1,r2));
	//动态控制精度长度
	n=(r1>=r2)?r1:r2;
	return ((arg1*m-arg2*m)/m).toFixed(n);
}

</script>

<div class="am-cf admin-main">

<div class="am-modal am-modal-alert" tabindex="-1" id="to_be_continued">
  <div class="am-modal-dialog">
    <div class="am-modal-hd" id="fq_alert_title"></div>
    <div class="am-modal-bd" id="fq_alert_info">即将上线！</div>
    <div class="am-modal-footer">
      <span class="am-modal-btn">朕知道了</span>
    </div>
  </div>
</div>


<!-- sidebar start -->
  <jsp:include page="commons/left.jsp" flush="true" />
<!-- sidebar end -->  

<!-- content start -->
<div class="admin-content"><div class="admin-content-body">
	
		<div class="am-margin-top-sm am-margin-left">
			<strong class="am-text-primary am-text-lg">发布商品</strong> / <small>Creat item</small>
		</div>
		
		<div class="am-margin">
		
		<div style="position: relative;top: -10px;left: 3px;margin-bottom: 5px;">
			<span class="am-icon-bullhorn" style="margin-left:-2px;"></span> 
			在本页发布商品需要自行到 <a target="_blank" href="">阿里妈妈</a> 选择以微信导购推广位进行转换链接 
			强烈建议使用 <a target="_blank" href="">一折微信淘客系统管理助手</a>  进行自动发单。
		</div>
	
			<form id="form" method="post" class="am-form am-form-horizontal">
			
				<div id="clickurl_box" class="am-form-group">
					<label class="am-u-md-2 am-form-label">推广链接</label>
					<div class="am-u-md-6">
					<input type="text" name="clickurl" id="clickurl" placeholder="示例：http://s.click.taobao.com/xxxxx">
					<input type="hidden" name="tb_itemid" id="tb_itemid">
					</div>
					<div class="am-u-md-4"><span class="am-badge am-badge-secondary am-text-sm am-radius margin-top-7">创建时请注意选择推广渠道为“微信”</span></div>
				</div>
				
				<div class="am-form-group">
					<label class="am-u-md-2 am-form-label">优惠券链接</label>
					<div class="am-u-md-6">
					<input type="text" name="couponslink" id="couponslink" placeholder="示例：http://shop.m.taobao.com/shop/coupon.htm?activity_id=xxxxx&amp;seller_id=xxxxx">
					<input type="hidden" name="coupons_seller_id" id="coupons_seller_id">
					<input type="hidden" name="coupons_activity_id" id="coupons_activity_id">
					
					</div>
					<div class="am-u-md-4"><span class="am-badge am-badge-secondary am-text-sm am-radius margin-top-7">优惠券原始链接（没有可不填）</span></div>
				</div>
				
				<div id="taowords_box" class="am-form-group" style="display:none;">
					<label class="am-u-md-2 am-form-label">淘口令</label>
					<div class="am-u-md-6">
					<input type="text" name="taowords" id="taowords" placeholder="" disabled="">
					</div>
					<div class="am-u-md-4"><span class="am-badge am-badge-secondary am-text-sm am-radius margin-top-7"></span></div>
				</div>
				
				<div class="am-form-group">
					<label class="am-u-md-2 am-form-label">店铺类型</label>
					<div class="am-u-md-6">
						<select id="bc_type" name="bc_type" style="width: 200px;">
							<option value="0">请选择</option>
								<option value="B">天猫</option>
								<option value="C">淘宝</option>
						</select>
					</div>
					<div class="am-u-md-4"><span class="am-badge am-badge-secondary am-text-sm am-radius margin-top-7"></span></div>
				</div>
				
				<div class="am-form-group">
					<label class="am-u-md-2 am-form-label">商品类目</label>
					<div class="am-u-md-6">
						<select id="category" name="category" style="width: 200px;">
							<option value="0">请选择</option>
							<option value="1">女装</option><option value="2">男装</option><option value="3">内衣</option><option value="4">美妆</option><option value="5">配饰</option><option value="6">鞋品</option><option value="7">箱包</option><option value="8">儿童</option><option value="9">母婴</option><option value="10">居家</option><option value="11">美食</option><option value="12">数码</option><option value="13">家电</option><option value="14">其他</option><option value="-1">秒杀</option>						</select>
					</div>
					<div class="am-u-md-4"><span class="am-badge am-badge-secondary am-text-sm am-radius margin-top-7"></span></div>
				</div>
				
				<div class="am-form-group">
					<label class="am-u-md-2 am-form-label">商品标题</label>
					<div class="am-u-md-6">
					<input type="text" name="title" id="title" placeholder="">
					</div>
					<div class="am-u-md-4"><span class="am-badge am-badge-secondary am-text-sm am-radius margin-top-7"></span></div>
				</div>
				
				<div class="am-form-group">
					<label class="am-u-md-2 am-form-label">主图地址</label>
					<div class="am-u-md-6">	
					<input type="text" name="image" id="image" placeholder="">
					</div>
					<div class="am-u-md-4">
						<!-- <div class="fileInputContainer am-btn am-btn-default am-icon-plus">
						<input class="fileInput" type="file"  id="addimage" />
						</div> -->
					</div>
				</div>
				
				<div class="am-form-group" id="imagegroup" style="display:none;">
					<label class="am-u-md-2 am-form-label"></label>
					<div class="am-u-md-6">	
					<div id="allimagebox">
						<img class="imagearry" id="image_pre" src="http://sell.fqapps.com/item/creat.html" style="width: 50px;height:50px">
					</div>
					</div>
					<div class="am-u-md-4">
					</div>
				</div>
				
				<div class="am-form-group">
					<label class="am-u-md-2 am-form-label">推荐内容</label>
					<div class="am-u-md-6">
					<input type="text" name="recommended" id="recommended" placeholder="">
					</div>
					<div class="am-u-md-4"><span class="am-badge am-badge-secondary am-text-sm am-radius margin-top-7"></span></div>
				</div>
				
				<div class="am-form-group">
					<label class="am-u-md-2 am-form-label">当前售出</label>
					<div class="am-u-md-6">
					<input type="number" name="sales" id="sales" placeholder="">
					</div>
					<div class="am-u-md-4"><span class="am-badge am-badge-secondary am-text-sm am-radius margin-top-7"></span></div>
				</div>
				
				<div class="am-form-group">
					<label class="am-u-md-2 am-form-label">优惠券金额</label>
					<div class="am-u-md-6">
					<input type="number" name="coupons" id="coupons" placeholder="">
					</div>
					<div class="am-u-md-4"><span class="am-badge am-badge-secondary am-text-sm am-radius margin-top-7"></span></div>
				</div>
				
				<div class="am-form-group">
					<label class="am-u-md-2 am-form-label">在售价格</label>
					<div class="am-u-md-6">
					<input type="text" name="price" id="price" placeholder="">
					</div>
					<div class="am-u-md-4"><span class="am-badge am-badge-secondary am-text-sm am-radius margin-top-7"></span></div>
				</div>
				
				<div class="am-form-group">
					<label class="am-u-md-2 am-form-label">最终价格</label>
					<div class="am-u-md-6">
					<input type="text" name="end_price" id="end_price" placeholder="">
					</div>
					<div class="am-u-md-4"><span class="am-badge am-badge-secondary am-text-sm am-radius margin-top-7"></span></div>
				</div>
				
				<!-- <div class="am-form-group">
					<label class="am-u-md-2 am-form-label">商品介绍</label>
					<div class="am-u-md-6">
					<script type="text/plain" id="editor" style="width:100%;height:240px;"></script>
					</div>
					<div class="am-u-md-4"></div>
				</div> -->

				<div class="am-form-group">
					<label class="am-u-md-2 am-form-label">活动时间</label>
					<div class="am-u-md-6">
							<button type="button" class="am-btn am-btn-default am-margin-right" id="my-start">开始日期</button>
							<span class="am-margin-right" id="my-startDate"></span>
							<button type="button" class="am-btn am-btn-default am-margin-right" id="my-end">结束日期</button>
							<span id="my-endDate"></span>
							<input type="hidden" name="start_time" id="start_time">
							<input type="hidden" name="end_time" id="end_time">
					</div>
					<div class="am-u-md-4"></div>
				</div>
				
				<div class="am-form-group">
					<label class="am-u-md-2 am-form-label">补充设置</label>
					<div class="am-u-md-6">
						<label class="am-checkbox" style="margin-top: 3px;">
							<input type="checkbox" name="hidden" value="1" data-am-ucheck="" class="am-ucheck-checkbox"><span class="am-ucheck-icons"><i class="am-icon-unchecked"></i><i class="am-icon-checked"></i></span>
							前台不展示该商品
						</label>
						<label class="am-checkbox" style="margin-top: 3px;">
							<input type="checkbox" name="create_coupons_taowords" value="1" data-am-ucheck="" class="am-ucheck-checkbox"><span class="am-ucheck-icons"><i class="am-icon-unchecked"></i><i class="am-icon-checked"></i></span>
							优惠券转成淘口令（无特殊需求请勿勾选）
						</label> 
					</div>
					<div class="am-u-md-4"><span class="am-badge am-badge-secondary am-text-sm am-radius margin-top-7"></span></div>
				</div>
  
				<div class="am-form-group">
				<label class="am-u-md-2 am-form-label"></label>
				<div class="am-u-md-6">
				<button type="submit" class="am-btn am-btn-primary" disabled="">该功能调整中 请使用软件发布</button>
				</div>
				<div class="am-u-md-4"></div>
				</div>
  
			</form>
			
		</div> 
	
		
	
		
</div><footer class="admin-content-footer">
	<hr>
	<p class="am-padding-left">深圳前海刷云科技有限公司  CopyRight©2016  闽ICP备16026055号</p>
</footer></div>
<!-- content end -->
	
</div>



<div class="am-datepicker am-datepicker-dropdown"><div class="am-datepicker-caret" style="display: none;"></div><div class="am-datepicker-days" style="display: block;"><table class="am-datepicker-table"><thead><tr class="am-datepicker-header"><th class="am-datepicker-prev"><i class="am-datepicker-prev-icon"></i></th><th colspan="5" class="am-datepicker-switch"><div class="am-datepicker-select">2016年 十月</div></th><th class="am-datepicker-next"><i class="am-datepicker-next-icon"></i></th></tr><tr><th class="am-datepicker-dow">一</th><th class="am-datepicker-dow">二</th><th class="am-datepicker-dow">三</th><th class="am-datepicker-dow">四</th><th class="am-datepicker-dow">五</th><th class="am-datepicker-dow">六</th><th class="am-datepicker-dow">日</th></tr></thead><tbody><tr><td class="am-datepicker-day am-disabled am-datepicker-old">26</td><td class="am-datepicker-day am-disabled am-datepicker-old">27</td><td class="am-datepicker-day am-disabled am-datepicker-old">28</td><td class="am-datepicker-day am-disabled am-datepicker-old">29</td><td class="am-datepicker-day am-disabled am-datepicker-old">30</td><td class="am-datepicker-day am-disabled">1</td><td class="am-datepicker-day am-disabled">2</td></tr><tr><td class="am-datepicker-day am-disabled">3</td><td class="am-datepicker-day am-disabled">4</td><td class="am-datepicker-day am-disabled">5</td><td class="am-datepicker-day am-disabled">6</td><td class="am-datepicker-day am-disabled">7</td><td class="am-datepicker-day am-disabled">8</td><td class="am-datepicker-day am-disabled">9</td></tr><tr><td class="am-datepicker-day am-disabled">10</td><td class="am-datepicker-day am-disabled">11</td><td class="am-datepicker-day am-disabled">12</td><td class="am-datepicker-day am-disabled">13</td><td class="am-datepicker-day am-disabled">14</td><td class="am-datepicker-day am-disabled">15</td><td class="am-datepicker-day am-disabled">16</td></tr><tr><td class="am-datepicker-day am-disabled">17</td><td class="am-datepicker-day am-disabled">18</td><td class="am-datepicker-day am-disabled">19</td><td class="am-datepicker-day am-disabled">20</td><td class="am-datepicker-day  am-active">21</td><td class="am-datepicker-day ">22</td><td class="am-datepicker-day ">23</td></tr><tr><td class="am-datepicker-day ">24</td><td class="am-datepicker-day ">25</td><td class="am-datepicker-day ">26</td><td class="am-datepicker-day ">27</td><td class="am-datepicker-day ">28</td><td class="am-datepicker-day ">29</td><td class="am-datepicker-day ">30</td></tr><tr><td class="am-datepicker-day ">31</td><td class="am-datepicker-day  am-datepicker-new">1</td><td class="am-datepicker-day  am-datepicker-new">2</td><td class="am-datepicker-day  am-datepicker-new">3</td><td class="am-datepicker-day  am-datepicker-new">4</td><td class="am-datepicker-day  am-datepicker-new">5</td><td class="am-datepicker-day  am-datepicker-new">6</td></tr></tbody></table></div><div class="am-datepicker-months" style="display: none;"><table class="am-datepicker-table"><thead><tr class="am-datepicker-header"><th class="am-datepicker-prev"><i class="am-datepicker-prev-icon"></i></th><th colspan="5" class="am-datepicker-switch"><div class="am-datepicker-select">2016</div></th><th class="am-datepicker-next"><i class="am-datepicker-next-icon"></i></th></tr></thead><tbody><tr><td colspan="7"><span class="am-datepicker-month am-disabled">一月</span><span class="am-datepicker-month am-disabled">二月</span><span class="am-datepicker-month am-disabled">三月</span><span class="am-datepicker-month am-disabled">四月</span><span class="am-datepicker-month am-disabled">五月</span><span class="am-datepicker-month am-disabled">六月</span><span class="am-datepicker-month am-disabled">七月</span><span class="am-datepicker-month am-disabled">八月</span><span class="am-datepicker-month am-disabled">九月</span><span class="am-datepicker-month am-active">十月</span><span class="am-datepicker-month">十一月</span><span class="am-datepicker-month">十二月</span></td></tr></tbody></table></div><div class="am-datepicker-years" style="display: none;"><table class="am-datepicker-table"><thead><tr class="am-datepicker-header"><th class="am-datepicker-prev"><i class="am-datepicker-prev-icon"></i></th><th colspan="5" class="am-datepicker-switch"><div class="am-datepicker-select">2010-2019</div></th><th class="am-datepicker-next"><i class="am-datepicker-next-icon"></i></th></tr></thead><tbody><tr><td colspan="7"><span class="am-disabled am-datepicker-old">2009</span><span class="am-disabled">2010</span><span class="am-disabled">2011</span><span class="am-disabled">2012</span><span class="am-disabled">2013</span><span class="am-disabled">2014</span><span class="am-disabled">2015</span><span class=" am-active">2016</span><span class="">2017</span><span class="">2018</span><span class="">2019</span><span class=" am-datepicker-old">2020</span></td></tr></tbody></table></div></div><div class="am-datepicker am-datepicker-dropdown"><div class="am-datepicker-caret" style="display: none;"></div><div class="am-datepicker-days" style="display: block;"><table class="am-datepicker-table"><thead><tr class="am-datepicker-header"><th class="am-datepicker-prev"><i class="am-datepicker-prev-icon"></i></th><th colspan="5" class="am-datepicker-switch"><div class="am-datepicker-select">2016年 十月</div></th><th class="am-datepicker-next"><i class="am-datepicker-next-icon"></i></th></tr><tr><th class="am-datepicker-dow">一</th><th class="am-datepicker-dow">二</th><th class="am-datepicker-dow">三</th><th class="am-datepicker-dow">四</th><th class="am-datepicker-dow">五</th><th class="am-datepicker-dow">六</th><th class="am-datepicker-dow">日</th></tr></thead><tbody><tr><td class="am-datepicker-day am-disabled am-datepicker-old">26</td><td class="am-datepicker-day am-disabled am-datepicker-old">27</td><td class="am-datepicker-day am-disabled am-datepicker-old">28</td><td class="am-datepicker-day am-disabled am-datepicker-old">29</td><td class="am-datepicker-day am-disabled am-datepicker-old">30</td><td class="am-datepicker-day am-disabled">1</td><td class="am-datepicker-day am-disabled">2</td></tr><tr><td class="am-datepicker-day am-disabled">3</td><td class="am-datepicker-day am-disabled">4</td><td class="am-datepicker-day am-disabled">5</td><td class="am-datepicker-day am-disabled">6</td><td class="am-datepicker-day am-disabled">7</td><td class="am-datepicker-day am-disabled">8</td><td class="am-datepicker-day am-disabled">9</td></tr><tr><td class="am-datepicker-day am-disabled">10</td><td class="am-datepicker-day am-disabled">11</td><td class="am-datepicker-day am-disabled">12</td><td class="am-datepicker-day am-disabled">13</td><td class="am-datepicker-day am-disabled">14</td><td class="am-datepicker-day am-disabled">15</td><td class="am-datepicker-day am-disabled">16</td></tr><tr><td class="am-datepicker-day am-disabled">17</td><td class="am-datepicker-day am-disabled">18</td><td class="am-datepicker-day am-disabled">19</td><td class="am-datepicker-day am-disabled">20</td><td class="am-datepicker-day  am-active">21</td><td class="am-datepicker-day ">22</td><td class="am-datepicker-day ">23</td></tr><tr><td class="am-datepicker-day ">24</td><td class="am-datepicker-day ">25</td><td class="am-datepicker-day ">26</td><td class="am-datepicker-day ">27</td><td class="am-datepicker-day ">28</td><td class="am-datepicker-day ">29</td><td class="am-datepicker-day ">30</td></tr><tr><td class="am-datepicker-day ">31</td><td class="am-datepicker-day  am-datepicker-new">1</td><td class="am-datepicker-day  am-datepicker-new">2</td><td class="am-datepicker-day  am-datepicker-new">3</td><td class="am-datepicker-day  am-datepicker-new">4</td><td class="am-datepicker-day  am-datepicker-new">5</td><td class="am-datepicker-day  am-datepicker-new">6</td></tr></tbody></table></div><div class="am-datepicker-months" style="display: none;"><table class="am-datepicker-table"><thead><tr class="am-datepicker-header"><th class="am-datepicker-prev"><i class="am-datepicker-prev-icon"></i></th><th colspan="5" class="am-datepicker-switch"><div class="am-datepicker-select">2016</div></th><th class="am-datepicker-next"><i class="am-datepicker-next-icon"></i></th></tr></thead><tbody><tr><td colspan="7"><span class="am-datepicker-month am-disabled">一月</span><span class="am-datepicker-month am-disabled">二月</span><span class="am-datepicker-month am-disabled">三月</span><span class="am-datepicker-month am-disabled">四月</span><span class="am-datepicker-month am-disabled">五月</span><span class="am-datepicker-month am-disabled">六月</span><span class="am-datepicker-month am-disabled">七月</span><span class="am-datepicker-month am-disabled">八月</span><span class="am-datepicker-month am-disabled">九月</span><span class="am-datepicker-month am-active">十月</span><span class="am-datepicker-month">十一月</span><span class="am-datepicker-month">十二月</span></td></tr></tbody></table></div><div class="am-datepicker-years" style="display: none;"><table class="am-datepicker-table"><thead><tr class="am-datepicker-header"><th class="am-datepicker-prev"><i class="am-datepicker-prev-icon"></i></th><th colspan="5" class="am-datepicker-switch"><div class="am-datepicker-select">2010-2019</div></th><th class="am-datepicker-next"><i class="am-datepicker-next-icon"></i></th></tr></thead><tbody><tr><td colspan="7"><span class="am-disabled am-datepicker-old">2009</span><span class="am-disabled">2010</span><span class="am-disabled">2011</span><span class="am-disabled">2012</span><span class="am-disabled">2013</span><span class="am-disabled">2014</span><span class="am-disabled">2015</span><span class=" am-active">2016</span><span class="">2017</span><span class="">2018</span><span class="">2019</span><span class=" am-datepicker-old">2020</span></td></tr></tbody></table></div></div></body></html>